<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="" />
  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link rel="stylesheet" href="../../static/css/me.css">
	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="../../static/login/css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="../../static/login/css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="../../static/login/css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="../../static/login/css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="../../static/login/css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="../../static/login/css/owl.carousel.min.css">
	<link rel="stylesheet" href="../../static/login/css/owl.theme.default.min.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="../../static/login/css/style.css">

	<!-- Modernizr JS -->
	<script src="../../static/login/js/modernizr-2.6.2.min.js"></script>

	</head>
	<body>

	<nav class="gtco-nav" role="navigation">
		<div class="gtco-container">
			
			<div class="row">
				<div class="col-sm-4 col-xs-12">
					<div id="gtco-logo"><a href="../login.html">后台管理<em>.</em></a></div>
				</div>
				<div class="col-xs-8 text-right menu-1">
					<ul>
						<li class="has-dropdown">
							<a href="#">contact me</a>
							<ul class="dropdown">
								<li><a href="#">QQ: 1193700079</a></li>
							</ul>
						</li>
						<li class="has-dropdown">
							<a href="#">作者简介  QAQ</a>
							<ul class="dropdown">
								<li><a href="#">程序员一枚 ^_^ </a></li>
								<li><a href="#">喜欢coding !!!</a></li>
								<li><a href="#">有空一起交流呀~</a></li>
								<li><a href="#">~w(ﾟДﾟ)w~</a></li>
							</ul>
						</li>
						<li class="btn-cta"><a href="#"><span>Get started</span></a></li>
					</ul>
				</div>
			</div>
			
		</div>
	</nav>
	
	<header id="gtco-header" class="gtco-cover" role="banner" style="background-image: url(../../static/login/images/background.jpg)">
		<div class="overlay"></div>
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-12 col-md-offset-0 text-left">
					<div class="row row-mt-15em">
						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
							<span class="intro-text-small">Welcome to yrq's blog</span>
							<h1>欢迎来玩哦！！</h1>	
						</div>
						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
							<div class="form-wrap">
								<div class="tab">
									<ul class="tab-menu">
										<li class="active gtco-first"><a href="#" data-tab="login">登录</a></li>
									</ul>
									<div class="tab-content">
										<div class="tab-content-inner active" data-content="login" >
											<form action="#" method="post" th:action="@{/admin/login}" class="ui form">
												<div class="row form-group">
													<div class="col-md-12">
														<input placeholder="Username or Email" type="text" class="form-control" name="username">
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<input placeholder="Password" type="password" class="form-control" name="password">
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<button type="submit" class="btn btn-primary" >确认登录 go！</button>
														<!--														<button type="submit" class="btn btn-primary" value="确认登录 go！"></button>-->
													</div>
												</div>
											</form>
										</div>



									</div>
								</div>
							</div>
						</div>
					</div>
							
					
				</div>
			</div>
		</div>
	</header>
	

	
		<!-- jQuery -->
		<script src="../../static/login/js/jquery.min.js"></script>
		<!-- jQuery Easing -->
		<script src="../../static/login/js/jquery.easing.1.3.js"></script>
		<!-- Bootstrap -->
		<script src="../../static/login/js/bootstrap.min.js"></script>
		<!-- Waypoints -->
		<script src="../../static/login/js/jquery.waypoints.min.js"></script>
		<!-- Carousel -->
		<script src="../../static/login/js/owl.carousel.min.js"></script>
		<!-- countTo -->
		<script src="../../static/login/js/jquery.countTo.js"></script>
		<!-- Magnific Popup -->
		<script src="../../static/login/js/jquery.magnific-popup.min.js"></script>
		<script src="../../static/login/js/magnific-popup-options.js"></script>
		<!-- Main -->
		<script src="../../static/login/js/main.js"></script>

<!--		<script>-->
<!--			$('.ui.form').form({-->
<!--				fields : {-->
<!--					username : {-->
<!--						identifier: 'username',-->
<!--						rules: [{-->
<!--							type : 'empty',-->
<!--							prompt: '用户名：请输入用户名'-->
<!--						}]-->
<!--					},-->
<!--					password : {-->
<!--						identifier: 'password',-->
<!--						rules: [{-->
<!--							type : 'empty',-->
<!--							prompt: '密码：请输入密码'-->
<!--						}]-->
<!--					},-->
<!--				}-->
<!--			});-->
<!--		</script>-->

	</body>
</html>

